<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		
		<style type="text/css">
			*{
	margin: 0;
	padding: 0;
}
body{
	background-color: white;
	
}
.DA{
	
	width: 1000px;
	height: 770px;
	margin: 0 auto;
}
.Top{
	width: 1000px;
	height: 132px;
	background: url(img/h_bg.jpg) no-repeat;
	
}
.Daohang{
	width: 1000px;
	margin-left: 25px;
	padding-top: 97px;
	
}

.mun{
	width: 460px;
	height: 50px;
	float: right;
	margin-top: 10px;
	
	
	
}
.mun ul{
	list-style-type: none;
}
.mun ul li{
	float: left;
	font-size: 13px;
	margin-left: 5px;
	cursor: pointer;
}
.mun ul li a{
	text-decoration: none;
}
.icon{
	background-image: url(img/icon.gif);
	width: 22px;
	height: 22px;
	
}
.img1{
	background-position:-4px -2px ;
}
.img2{
	background-position: -46px -2px;
}
.img3{
	background-position:-89px -2px;
}
.img4{
	background-position:-129px -2px;
}
.img5{
	background: url(img/icon.gif);
	width:40px;
	height: 16px;
	background-position:-5px -30px;
}
.img6{
	background: url(img/icon.gif);
	width:50px;
	height: 16px;
	background-position:-5px -30px;
}
 .en {
font-size: 17px;
text-decoration: none;
color: black;

text-align: center;
}
.Daohang ul{
	list-style-type: none;
	width: 916px;
}
.Daohang ul li{
	
	float: left;
	padding: 6px;
	width: 69px;
	text-align: center;
	margin-left: 2px;
	
}
.Daohang ul li a:hover{
	background: url(img/nav_bg.gif);
}
.HomeLeft{
	float: left;
	width: 200px;
	height: 637px;
}
.Homecenter{
	
	float: left;
	width: 550px;
	height: 637px;
}
.Homeright{
	border: 1px solid darkblue;
	float: left;
	
	width: 230px;
	height: 637px;
}
.tp{
	left: 0px;
	float: left;
	position: fixed;
	margin-top: 300px;
}
.table1{
	text-align: center;
		height: 180px;
}


table{
	text-align: center;
	height: 147px;
}
table tr{
	height: 10px;
}
table tr td a{
	text-decoration: none;
	font-size:13px ;
	color: black;
	
}
.tp1{
	right: 0px;
	float: right;
	position: fixed;
	margin-top: 300px;
}
.DADI{
	background: url(img/bg.gif) no-repeat center;
	background-size:992px 658px ;
	float: left;
}
.HomecenterT{
	float: left;
	width: 550px;
	height: 425px;
	padding-top: 20px;
	
	
}
.HomecenterT table tr{
	height: 130px;
	
}
.HomecenterT table tr td{
	padding: 10px;
}
.Homeright table tr td img{
	width: 72px;
	height: 52px;
}
.Homeright table{
	margin-top: 180px;
}
.HomeLeft table tr td a:hover{
	color: orangered;
}
.HomeCenterL{
	width: 550px;
	height: 192px;
	position: relative;
	overflow: hidden;
}
.HomeCenterL {
	width: 550px;
	height: 192px;
}
/*.HomeCenterL ol{
    position: absolute;
    right: 30px;
    bottom: 30px;
}*/
.lunbotu1{
				margin-left: 4px;
			}
.lunbotu{
			
			    left:310px;
			    top:0;
			    z-index: 2;
				margin-left: 4px;
			   display: none;
			}


</style>
		<script type="text/javascript">
			window.onload=function () {
			    var lunboimg = document.getElementById('HomeCenterL').getElementsByTagName('div');
			    var n=0;
			    function lunbofun() {
			        for (var i=0;i<lunboimg.length;i++){
			            lunboimg[i].style.display='none';
			        }
			        lunboimg[n].style.display='block';
			    }
			    function start(){
			        n++;
			        if (n>=lunboimg.length) {
			            n=0;
			        }
			        lunbofun();
			    }
			    setInterval(start,1000);
			}
			
		</script>
	</head>
	<body>
		<img src="img/list1.jpg" class="tp">
		<img src="img/list2.jpg" class="tp1" />
		<div class="Home DA">
			<div class="Home Top">
				
				<div class="mun">
					<ul>
						<li class="icon img1" ></li>
						<li><a href="Buy.html" target="_parent">购物车</a></li>
						<li class="icon img2"></li>
						<li><a href="RedisterAdmin.html" target="_parent">帮助中心</a></li>
						<li class="icon img3"></li>
						<li><a>加入收藏</a></li>
						<li class="icon img4"></li>
						<li><a>设为主页</a></li>
						<li class="img5"><a href="Register.html" target="_parent">登录</a></li>
						<li class="img6"><a href="Login.html" target="_parent">注册</a></li>
						
					</ul>
				</div>
				
				<div class="Daohang">
					
					<ul>
						<li><a href="HomePage.html" class="en" target="_parent">首页</a></li>
						<li><a href="Catilst.html" target="_parent" class="en">家用电器</a></li>
						<li><a href="Info.html" target="_parent" class="en">手机数码</a></li>
						<li><a href="#" class="en">日常百货</a></li>
						<li><a href="#" class="en">书籍</a></li>
						<li><a href="#" class="en">帮助中心</a></li>
						<li><a href="#" class="en">免费开店</a></li>
						<li><a href="#" class="en">全球资讯</a></li>
					</ul>
				</div>
				
			</div>
			<div class="DADI">
			<div class="HomeLeft">
				<table class="table1"  style="padding-top: 25px;">
					<tr>
						<td ><a href="#" style="color: orangered;font-size: 18px;">家用电器</a></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td><a href="#">大家电</a></td>
						<td><a href="#">洗衣机</a></td>
						<td><a href="#">平板电视</a></td>
					</tr>
					<tr>
						<td><a href="#">电热水器</a></td>
						<td><a href="#"> 家庭音响</a></td>
						<td><a href="#">热水器</a></td>
					</tr>
					<tr>
						<td><a href="#">空调冰箱</a></td>
						<td><a href="#">冷柜</a></td>
						<td><a href="#">DVD</a></td>
					</tr>
					<tr>
						<td><a href="#">电视附件</a></td>
						<td><a href="#">点燃器</a></td>
						<td><a href="#">家电下乡</a></td>
					</tr>
					<tr>
						<td><a href="#">家电服务</a></td>
						<td><a href="#">电饭煲</a></td>
						<td><a href="#">摄像机</a></td>
					</tr>
				</table>
				<table>
					<tr>
						<td ><a href="#" style="color: orangered;font-size: 18px;">家用电器</a></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td><a href="#">大家电</a></td>
						<td><a href="#">洗衣机</a></td>
						<td><a href="#">平板电视</a></td>
					</tr>
					<tr>
						<td><a href="#">电热水器</a></td>
						<td><a href="#"> 家庭音响</a></td>
						<td><a href="#">热水器</a></td>
					</tr>
					<tr>
						<td><a href="#">空调冰箱</a></td>
						<td><a href="#">冷柜</a></td>
						<td><a href="#">DVD</a></td>
					</tr>
					<tr>
						<td><a href="#">电视附件</a></td>
						<td><a href="#">点燃器</a></td>
						<td><a href="#">家电下乡</a></td>
					</tr>
					<tr>
						<td><a href="#">家电服务</a></td>
						<td><a href="#">电饭煲</a></td>
						<td><a href="#">摄像机</a></td>
					</tr>
				</table>
				<table>
					<tr>
						<td ><a href="#" style="color: orangered;font-size: 18px;">家用电器</a></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td><a href="#">大家电</a></td>
						<td><a href="#">洗衣机</a></td>
						<td><a href="#">平板电视</a></td>
					</tr>
					<tr>
						<td><a href="#">电热水器</a></td>
						<td><a href="#"> 家庭音响</a></td>
						<td><a href="#">热水器</a></td>
					</tr>
					<tr>
						<td><a href="#">空调冰箱</a></td>
						<td><a href="#">冷柜</a></td>
						<td><a href="#">DVD</a></td>
					</tr>
					<tr>
						<td><a href="#">电视附件</a></td>
						<td><a href="#">点燃器</a></td>
						<td><a href="#">家电下乡</a></td>
					</tr>
					<tr>
						<td><a href="#">家电服务</a></td>
						<td><a href="#">电饭煲</a></td>
						<td><a href="#">摄像机</a></td>
					</tr>
				</table>
				<table>
					<tr>
						<td ><a href="#" style="color: orangered;font-size: 18px;">家用电器</a></td>
						<td></td>
						<td></td>
					</tr>
					<tr>
						<td><a href="#">大家电</a></td>
						<td><a href="#">洗衣机</a></td>
						<td><a href="#">平板电视</a></td>
					</tr>
					<tr>
						<td><a href="#">电热水器</a></td>
						<td><a href="#"> 家庭音响</a></td>
						<td><a href="#">热水器</a></td>
					</tr>
					<tr>
						<td><a href="#">空调冰箱</a></td>
						<td><a href="#">冷柜</a></td>
						<td><a href="#">DVD</a></td>
					</tr>
					<tr>
						<td><a href="#">电视附件</a></td>
						<td><a href="#">点燃器</a></td>
						<td><a href="#">家电下乡</a></td>
					</tr>
					<tr>
						<td><a href="#">家电服务</a></td>
						<td><a href="#">电饭煲</a></td>
						<td><a href="#">摄像机</a></td>
					</tr>
				</table>
			</div>
			<div class="Homecenter">
					<div class="HomeCenterL" id="HomeCenterL">
						
							<div class="lunbotu1">
								<img src="img/ad-01.jpg" alt="1">
							</div>
							<div class="lunbotu">
								<img src="img/ad-02.jpg" alt="1">
							</div>
							<div class="lunbotu">
								<img src="img/ad-03.jpg" alt="1">
							</div>
							<div class="lunbotu">
								<img src="img/ad-04.jpg" alt="1">
							</div>
				</div>
				<div class="HomecenterT">
					<table>
						<tr>
							<td>
								<img src="img/promote-1.jpg"/>
								<p>
									<a>
										惠普商务移动应用笔记本
									</a>
								</p>
							</td>
							<td>
								<img src="img/promote-2.jpg"/>
								<p>
									<a>
										夏新N9 GPS真人语音导航手机超低价特价疯抢数量有限！
									</a>
								</p>
							</td>
							<td>
								<img src="img/promote-3.jpg"/>
								<p>
									<a>
										三星家庭影院HT-TN325购机送好礼(超值性价比)
									</a>
								</p>
							</td>
						</tr>
						<tr>
							<td>
								<img src="img/laser-pen.jpg"/>
								<p>
									<a>
										惠普商务移动应用笔记本
									</a>
								</p>
							</td>
							<td>
								<img src="img/mouse.jpg"/>
								<p>
									<a>
										惠普商务移动应用笔记本
									</a>
								</p>
							</td>
							<td>
								<img src="img/earphone.jpg"/>
								<p>
									<a>
										嗨森纳尔极品耳机不容错过
									</a>
								</p>
							</td>
						</tr>
						<tr>
							<td>
								<img src="img/Wancom.jpg"/>
								<p>
									<a>
										惠普商务移动应用笔记本
									</a>
								</p>
							</td>
							<td>
								<img src="img/notebook.jpg"/>
								<p>
									<a>
										惠普商务移动应用笔记本
									</a>
								</p>
							</td>
							<td>
								<img src="img/Frame.jpg"/>
								<p>
									<a>
										优雅相框
									</a>
								</p>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="Homeright">
				<table>
					<tr>
						<td>
							<img src="img/show1_big.jpg">
						</td>
						<td>
							大牌狂降价三折起送
						</td>
					</tr>
					<tr>
						<td>
							<img src="img/show4.jpg">
						</td>
						<td>
							大学要求老师开网店
						</td>
					</tr>
					<tr>
						<td>
							<img src="img/show2.jpg">
						</td>
						<td>
							黑眼圈推荐，美白不停
						</td>
					</tr>
					<tr>
						<td>
							<img src="img/show3.jpg">
						</td>
						<td>
							瘦身狂潮风修型之选
						</td>
					</tr>
				</table>
				
			</div>
			</div>
		</div>
		<iframe src="Footer.html" frameborder="0" width="1000px" scrolling="No" height="300px"  style="margin-left: 240px;"></iframe>
	</body>
</html>
